<input type="hidden" name="users" value="<?php echo $userid; ?>"/>
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<style type="text/css">
input[type=text]{	
	border:none;	
	}
</style>
<div class="row-fluid">

<div class="span3">
	<input type="hidden" name="user" value="<?php echo ucfirst($this->common_model->get_username_id($userid));?>" readonly /><h4><?php echo ucfirst($this->common_model->get_username_id($userid));?></h4><br>
	<?php foreach ($designationbyid as $deg):?>
		<h5 style="margin-top: -20px;"><?php echo ucfirst($deg->name);?></h5>
		<?php endforeach?>
</div>

<div class="span4">
	<!--<input type="submit" class="btn btn-success" value="Thanks"/><br><br>
	<input type="submit" class="btn btn-info" value="Follow"/>-->
</div>

<div class="span1">
 
</div>
<div class="span2">

</div>

</div>
<br />
<br />

<?php if($this->session->flashdata('msg')): ?>
<div class="alert alert-success" ><?php echo $this->session->flashdata('msg')?></div>
<?php endif;?>
<?php include('application/views/common/tabs.php'); ?>
 
<div class="row-fluid" style="font-family: 'Roboto Slab', serif;font-weight: 400; font-size: 12px; ">
<div class="span6"></div><div class="span4"></div><div class="span2" style="font-weight: bold"><!--<a href="<?= site_url('user/aboutme/addabout');?>">Edit About</a>--></div>
</div>
<div class="row-fluid" style="font-family: 'Roboto Slab', serif;font-weight: 400; font-size: 14px;">
 <?php foreach($userdetails as $details):?>
  <?php	$user_show=$details->email; ?>
	<?php endforeach;?>
<?php
if(!empty($user_show)){ ?>
<div class="span12" style="border-bottom: 1px dashed #ccc">
<h1 align="center" style="font-family: 'Roboto Slab', serif;font-weight: 400; color: #b21415">Contact</h1>
<h3 align="center" style="font-family: 'Roboto Slab', serif;font-weight: 100;">You can reach me at</h3>
</div>
<div class="span4" style="margin-top: 30px;">
	<div style="float: left">
	<img src="<?= $this->config->base_url(); ?>assets/img/telephone.png" >
	</div>
	<div style="float: left">
	&nbsp;<?php foreach ($userdetails as $details): echo $details->phone; endforeach;?><br>
	&nbsp;<b style="font-size: 12px; color: #666">mobile</b>
	</div>
</div>	
<div class="span4" style="margin-top: 30px;">
<div style="float: left">
	<img src="<?= $this->config->base_url(); ?>assets/img/mail.png" >
	</div>
	<div style="float: left">
	&nbsp;<?php foreach ($userdetails as $details): echo $details->email; endforeach;?><br>
	&nbsp;<b style="font-size: 12px; color: #666">email</b>
	</div>
</div>
<div class="span3" style="margin-top: 30px;">
<div style="float: left">
 	<img src="<?= $this->config->base_url(); ?>assets/img/location.png" >
	</div>
	<div style="float: left">
	&nbsp;<?php foreach ($address as $details): echo ucfirst($details->city); endforeach;?><br>
	&nbsp;<b style="font-size: 12px; color: #666">location</b>
	<?php } ?>
	</div>
</div>
</div>

<div class="row-fluid" style="margin-top: 50px;">
 <?php foreach($education as $details):?>
  <?php	$details_show=$details->institute; ?>
	<?php endforeach;?>
<?php
if(!empty($details_show)){ ?>
<div class="span12" style="border-bottom: 1px dashed #ccc">
	<h1 align="center" style="font-family: 'Roboto Slab', serif;font-weight: 400;color: #b21415">Education</h1>
	<h3 align="center" style="font-family: 'Roboto Slab', serif;font-weight: 100;">Where I started my curriculum</h3>
	</div>
	<div class="span1"></div>
	<div class="span3" style="margin-top: 30px; border-bottom: 1px dashed #ccc">
	 <img style="margin-left: 20px;" src="<?= $this->config->base_url(); ?>assets/images/school.png"  />
	<a style="font-family: 'Roboto Slab', serif;font-weight: 400;  font-size: 18px; color: #b21415;">School/College</a>		
	</div>
	<div class="span3"></div>
	<div class="span3" style="margin-top: 30px;border-bottom: 1px dashed #ccc;">
	 <img style="margin-left: 10px;" src="<?= $this->config->base_url(); ?>assets/images/language.png"  />
	<a style="font-family: 'Roboto Slab', serif;font-weight: 400; font-size: 18px; color: #b21415">Languages</a>	
	</div>
</div>

<div class="row-fluid" style="font-family: 'Roboto Slab', serif;font-weight: 400; font-size: 14px; ">


<div class="span2" style="margin-left: 50px; margin-top: 10px;">
	<a style="font-size: 14px;font-family: 'Roboto Slab', serif; font-weight:700;color: #b21415"><?php foreach ($education as $details): echo $details->started; echo ' - '; echo $details->ended;?><br><br><?php endforeach;?></a>
</div>

<div class="span4" style=" margin-top: 10px;">		
			<?php foreach ($education as $details): echo ucfirst($details->institute);?>
			<a style="font-size: 12px; color: #666">(<?php echo ucfirst($details->degree);?>)</a><br><br><?php endforeach;?>
</div>


<div class="span1" style="margin-top:15px;">		
			<?php foreach ($language as $details):?>
			<a style="font-size: 14px;font-family: 'Roboto Slab', serif; font-weight:600; color: #b21415;"><?php echo ucfirst($details->name);?></a><br><br>
			<?php endforeach;?>
</div>

<div class="span1" style="margin-top:10px;">	
			<?php	
			$yes='<img src="'.base_url().'assets/img/yes.png" >';
			$no='<img src="'.base_url().'assets/img/no.png" >';
			/*$yes='<img src="<?= $this->config->base_url(); ?>assets/img/yes.png" >';
			$no='<img src="<?= $this->config->base_url(); ?>assets/img/no.png" >';*/
			?>
			<?php foreach ($language as $details):
			if($details->read==1){
				echo $yes;
			}else
			{
				echo $no;
			}
			
		?><a style="font-size: 12px; color: #666">read</a><br><br><?php endforeach;?>
</div><div class="span1" style="margin-top:10px;">
			<?php foreach ($language as $details): 
			if($details->write==1){
				echo $yes;
			}else
			{
				echo $no;
			}?><a style="font-size: 12px; color: #666">write</a><br><br><?php endforeach;?></div>
			<div class="span1" style="margin-top:10px;">
			<?php foreach ($language as $details):
			if($details->speak==1){
				echo $yes;
			}else
			{
				echo $no;
			}
			?><a style="font-size: 12px; color: #666">speak<br><br></a><?php endforeach;?>
</div>
<?php } ?>
</div>

<div class="row-fluid" style="margin-top: 50px; border-bottom: 1px dashed #ccc;z-index: 50;position: relative;">
 <?php foreach($efficiencychart as $rows):?>
  <?php	$show_efficiency=$rows->name; ?>
	<?php endforeach;?>
<?php
if(!empty($show_efficiency)){?>
	<h1 align="center" style="font-family: 'Roboto Slab', serif;font-weight: 400;color: #b21415">What Says me</h1>
	<h3 align="center" style="font-family: 'Roboto Slab', serif;font-weight: 400; z-index: 50; position: relative;">
	
		I am a part <b style="color: #b21415;font-weight: 100"><?php
					$capitalname1=ucfirst($efficiencyfields[1]['name']);
					print_r($capitalname1);?> </b>
		& part 
					<b style="color: #b21415; font-weight: 100"><?php 
					$capitalname2=ucfirst($efficiencyfields[0]['name']);
					print_r($capitalname2);?></b>
	</h3>
</div>


<div class="span11">
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
     function drawChart() {
        var data = google.visualization.arrayToDataTable([['Name', 'Efficiency'],
		<?php  
		foreach ($efficiencychart as $rows):
		$namelevel= '['.'\''.$rows->name.'\','.$rows->level.']'.',';
		echo $namelevel; endforeach; ?>
         ]);

        var options = {
           'is3D':true,
		  /* slices: [{color: '#01a8f6'}, {color: '#038bd9'}]*/
		};


        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
	
	
	<div class="span11">
	
	<div style="float:left;width: 200px; height: 300px;z-index:50; margin-top:130px; position:absolute">
		<h2 style="font-family: 'Roboto Slab', serif;font-weight: 400;">
		<?php
		$efficiencyname1=strtoupper($efficiencyfields[1]['name']);
		print_r($efficiencyname1);?></h2>	
		<h4 style="font-family: 'Roboto Slab', serif;font-weight: 100; color: #666;"><?php
		$values = str_replace( ',', '<br /><br>', $efficiencyfields[1]['custom_subfields'] );
		echo $values; ?></h4>
	</div>

	
	<div style="float:left;width: 200px; height: 300px; margin-left:750px;margin-top:130px; z-index:50; position:absolute">
		<h2 style="font-family: 'Roboto Slab', serif;font-weight: 400;">
		<?php
		$efficiencyname=strtoupper($efficiencyfields[0]['name']);
		print_r($efficiencyname);?></h2>	
		<h4 style="font-family: 'Roboto Slab', serif;font-weight: 100;color: #666;"><?php
		$values = str_replace( ',', '<br /><br>', $efficiencyfields[0]['custom_subfields'] );
		echo $values; ?></h4>
	</div>
	</div>

 
    <div id="chart_div" style="width: 900px; height: 600px; margin-left: 150px; margin-top: -50px"></div>
	<?php }	?>
</div>

<div class="row-fluid">
 <?php foreach($hobbyimage as $hobby):?>
  <?php	$hobby_show=$hobby->name; ?>
	<?php endforeach;?>
<?php
if(!empty($hobby_show)){ ?>
<div class="span12" style="border-bottom: 1px dashed #ccc"><h1 align="center" style="font-family: 'Roboto Slab', serif;font-weight: 400; color: #b21415; margin-top: -50px; z-index: 50; position: relative;">Interests</h1>
<h3 align="center" style="font-family: 'Roboto Slab', serif;font-weight: 100;">I like to spend my After Hours</h3></div>

<div class="span1"></div>
<div class="span4 offset3"><br><?php foreach ($hobbyimage as $hobby):?>
		
			&nbsp;<img style="padding: 10px;" src="<?= $this->config->base_url(); ?>assets/images/hobbies/<?php echo $hobby->location;?>" class="tooltips" title="<?php echo $hobby->name;?>"><a style="font-family: 'Roboto Slab', serif;font-weight:400; font-size:16px; color:#157ab5"></a>
			
                <?php endforeach?>
				<?php } ?>
				<div style="margin-top: 100px"></div>
</div>



